<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css sprites</title>
</head>
<body>
	<div>
		CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，<br>
		再利用CSS的“background-image”，“background-
		repeat”，“background-position”的组合进行背景定位。<br>
	</div>
	<ol>
		<li>小图片排列方面：颜色相近的图片放在一起，可以减少输出的色数，进一步降低文件体积。</li>
		<li>整合图片生成方面：PNG8的图像比GIF图像要小30%左右</li>
		<li>通过工具再压缩：fireworks生成的PNG比photoshop更小，而一些专用的压缩软件也可以让图片再小一些。</li>
	</ol>
	<div>
		<a href="http://spritegen.website-performance.org/">prite
			generator</a> 可以帮你做这些繁复的工作，<br> 将你的图片打包成 zip 上传上去，他们会把你的图片组合成
		sprite，还帮你生成 CSS 代码。
	</div>
</body>
</html>